<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<input type="text">
<input type="button" value="按钮" onclick="f()">
<script>
  function f() {
      //通过选择器得到文本框对象
      let i = document.querySelector("input");
    //创建h1
      let h1 = document.createElement("h1");
      //设置显示的内容为文本框的值
      h1.innerText = i.value;
      //把h1添加到body里面
      document.body.append(h1);

      //创建图片标签
      let img = document.createElement("img");
      img.src = "../imgs/a.jpg";
      document.body.append(img);



  }
</script>

</body>
</html>